{include file="public/layout" /}
<script type="text/javascript" src="__SKIN__/js/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="__SKIN__/js/clipboard.min.js"></script>
<link href="__SKIN__/css/decoration.css?v={$version}" rel="stylesheet" type="text/css">
<body class="bodystyle" style="cursor: default; -moz-user-select: inherit;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
{include file="system/left" /}
<script type="text/javascript">
    layer_loading('正在加载');
</script>
<div class="page min-hg-c-10" style="min-width:auto;margin-left:100px;">
    <div class="flexigrid">
        <div class="hDiv">
            <div class="hDivBox">
                <table cellspacing="0" cellpadding="0" style="width: 100%">
                    <thead>
                        <tr>
                            <th abbr="article_show" axis="col5" class="w60">
                                <div class="tc">序号</div>
                            </th>
                            <th abbr="article_show" axis="col5" class="w160">
                                <div class="text-l10">页面名称</div>
                            </th>
                            <th abbr="ac_id" axis="col4" class="">
                                <div class="text-l10">H5链接</div>
                            </th>
                            
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div class="bDiv" style="height: auto;">
            <div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
                <table style="width: 100%">
                    <tbody>
                    {empty name="list"}
                        <tr>
                            <td class="no-data" align="center" axis="col0" colspan="50">
                                <div class="no_row">
                                    <div class="no_pic"><img src="__SKIN__/images/null-data.png"></div>
                                </div>
                            </td>
                        </tr>
                    {else/}
                        {foreach name="list" item="vo" key="k"}
                        <tr class="page_paths_list_link">
                            <td class="sort">
                                <div class="w60 tc">
                                    {if condition="$pager->nowPage > 1"}
                                        {$pager->listRows * ($pager->nowPage-1) + $k+1}
                                    {else /}
                                        {$k+1}
                                    {/if}
                                </div>
                            </td>
                            <td class="">
                                <div class="w160 tl" style="padding-left: 10px;">{$vo.title}</div>
                            </td>
                            <td class="" style="width: 100%;">
                                <div class="tl  page_paths_link">
                                    <span class="link-text1"><i class="iconfont e-ly-gzh "></i>{$Request.domain}__ROOT_DIR__/h5/#{$vo.paths}</span> 
                                    <a href="javascript:void(0);" onclick="showtext('paths_{$vo['id']}');" class="copy-link btn blue paths_{$vo['id']}" data-clipboard-text="{$Request.domain}__ROOT_DIR__/h5/#{$vo.paths}">复制链接</a>
                                    <span class="qrcode" data-id="{$vo['id']}" data-links="{$Request.domain}__ROOT_DIR__/h5/#{$vo.paths}">
                                        <i class="iconfont e-erweima notic-pic">
                                            <div class="tipback">
                                                <div id="qrcode_{$vo['id']}"></div>
                                                <p class="text">扫描二维码预览</p>
                                            </div>
                                        </i>
                                    </span>
                                </div>
                            </td>
                        </tr>
                        {/foreach}
                    {/empty}
                    </tbody>
                </table>
            </div>
            <div class="iDiv" style="display: none;"></div>
        </div>
        {notempty name="list"}
        <div class="tDiv">
            <div class="tDiv2">
                {include file="public/page" /}
            </div>
            <div style="clear:both"></div>
        </div>
        {/notempty}
    </div>
</div>

<script type="text/javascript">
    function showtext(classname) {
        var clipboard1 = new Clipboard("."+classname);
            clipboard1.on("success", function(e) {
                layer.msg("复制成功");
            });
            clipboard1.on("error", function(e) {
                layer.msg("复制失败！请手动复制", {icon:5});
            }); 
    }

    $(function() {
        function page_paths_ewm_notic_pic_tips() {   
            var html = '<i class="iconfont e-erweima" onmouseover="layer_tips = layer.tips($(this).parent().find(\'i.notic-pic\').html(), this, {tips:3, time:100000, skin:\'layer-tips-img\'});" onmouseout="layer.close(layer_tips);"></i>';
            $.each($('td .qrcode'), function(index, item){
                if ($(item).html() != '') {
                    $(item).before(html);
                }

                var id = $(item).attr('data-id');
                var links = $(item).attr('data-links');
                $("#qrcode_"+id).qrcode({
                    render  : "table",
                    text    : links,
                    width:"180",
                    height:"180"
                });
            });
            layer.closeAll();
        }
        page_paths_ewm_notic_pic_tips();
    });

    $(function() {
        function page_paths_xcx_ewm_notic_pic_tips() {   
            var html = '<i class="iconfont e-erweima" onmouseover="layer_tips = layer.tips($(this).parent().find(\'i.notic-pic\').html(), this, {tips:3, time:100000, skin:\'layer-tips-img\'});" onmouseout="layer.close(layer_tips);"></i>';
            $.each($('td .xcx-qrcode'), function(index, item){
                if ($(item).html() != '') {
                    $(item).before(html);
                }
    
                var id = $(item).attr('data-id');
                var links = $(item).attr('data-links');
                $("#xcx-qrcode_"+id).qrcode({
                    render  : "table",
                    text    : links,
                    width:"180",
                    height:"180"
                });
            });
            layer.closeAll();
        }
        page_paths_xcx_ewm_notic_pic_tips();
    });
</script>

{include file="public/footer" /}